<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>fixed</title>
	<base target="_blank">
	<style type="text/css">
		nav{
			position: fixed;
			right: 5px;
			top: 200px;
		}
		nav a{
			width: 50px;
			height: 50px;
			background-color: #ccc;
			border: 1px black solid;
			display: block;
			color: black;
			text-decoration: none;
			text-align: center;
			line-height: 50px;
			
		}
		div img{
			width: 1000px;
		}

		.text ul{
			text-align: center;
			line-height: 50px;
			list-style-type: none;
			padding-left: 0;
			margin: 0 0 0 -102px; 
			position: relative;
			bottom: 52px;
			display: none;

		}
		.text ul li{
			width: 100px;
			height: 50px;
			color: black;
			border: 1px black solid;
			background-color: #ccc;
			position: absolute;	

		}
		.text a:hover{
			background-color: #999;
			color: white;
		}
		.text ul li:hover{
			background-color: #999;
			color: white;
		}
		.text:hover ul{
			display: block;
		}
		
	</style>
</head>
<body>
	<nav class="rightNav">
		<div class="text"><a href="http://www.baidu.com">百度</a>
				<ul>
					<li>点击进入百度</li>
				</ul>
		</div>
		<div class="text"><a href="http://www.taobao.com">淘宝</a>
				<ul>
					<li>点击进入淘宝</li>
				</ul>
		</div>
		<div class="text"><a href="http://www.jd.com">京东</a>
				<ul>
					<li>点击进入京东</li>
				</ul>
		</div>
		<div class="text"><a href="http://www.firefox.com">火狐</a>
				<ul>
					<li>点击进入火狐</li>
				</ul>
		</div>
	</nav>
	<div><img src="http://img0.imgtn.bdimg.com/it/u=2274643664,60088618&fm=26&gp=0.jpg"></div>
	<div><img src="http://img0.imgtn.bdimg.com/it/u=2274643664,60088618&fm=26&gp=0.jpg"></div>
	<div><img src="http://img0.imgtn.bdimg.com/it/u=2274643664,60088618&fm=26&gp=0.jpg"></div>
	<div><img src="http://img0.imgtn.bdimg.com/it/u=2274643664,60088618&fm=26&gp=0.jpg"></div>
	<div><img src="http://img0.imgtn.bdimg.com/it/u=2274643664,60088618&fm=26&gp=0.jpg"></div>
	<div><img src="http://img0.imgtn.bdimg.com/it/u=2274643664,60088618&fm=26&gp=0.jpg"></div>
	<div><img src="http://img0.imgtn.bdimg.com/it/u=2274643664,60088618&fm=26&gp=0.jpg"></div>
	<div><img src="http://img0.imgtn.bdimg.com/it/u=2274643664,60088618&fm=26&gp=0.jpg"></div>
	<div><img src="http://img0.imgtn.bdimg.com/it/u=2274643664,60088618&fm=26&gp=0.jpg"></div>
	

</body>
</html>